<template>
    <view class="agreement-text">
        <text class="agreement-text">{{ agreement.content ?? '' }}</text>
        <image :src="agreement.privacyPolicyImage" v-if="agreement.privacyPolicyImage"></image>

    </view>

</template>
<script lang="ts" setup>
import api from '@/apis/api';
import { ref } from 'vue';
import { onMounted } from 'vue';

let agreement = ref({})
onMounted(() => {
    api.privacyPolicy().then(({ data }) => {
        if (data.length > 0) {
            agreement.value = data[0]
        }
    })
})
</script>
<style lang="scss" scoped>
page {
    background: #f8f8f8;
    padding: 25rpx;

    text {
        margin-top: 50rpx;
        line-height: 40rpx;
        font-size: 28rpx;
        color: #333;
        font-family: PingFang SC Bold;
    }

    image {
        width: 100%;
        margin-top: 20rpx;
    }
    .agreement-text{
        margin-top: 50rpx;
        text-indent:50rpx;

    }



}
</style>